<template>
	<view class="notopen">
		<u-popup :show="show" mode="center" bgColor="transparent" overlayOpacity="0.6" :closeOnClickOverlay="false"  @close="close" @open="open">
			<view class="">
				<view class="posRelative">
					<image :src="`${$domain.ossapi}common/openBg.png`" mode="widthFix" style="width: 616upx"></image>
					<view class="posAbsort w100 plr20" style="top: 136upx;">
						<view style="color: #1E000F;font-size: 36rpx;">该模块暂未开放</view>
						<view class="ft12 gray6" style="margin-top: 50rpx;">
							<view class="linebg"></view>
							<view class="mt20">为了获得更丰富的功能和体验</view>
							<view class="mt5">我们诚挚地邀请您下载我们的官方APP</view>	
						</view>
						<view class="downBtn white tc ft16" @click="goDown">前往下载</view>
					</view>
				</view>
				<view class="tc mt20">
					<image :src="`${$domain.ossapi}common/closeBtn.png`" style="width: 72upx;height: 72upx;" @click="close"></image>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"mixNone",
		data() {
			return {
				show:false
			};
		},
		methods:{
			open(){
				this.show = true
			},
			close() {
				this.show = false
			},
			goDown(){
				this.$utils.msg('敬请期待')
			}
		}
	}
</script>

<style lang="scss">
.linebg{
	width: 60rpx;
	height: 8rpx;
	border-radius: 10rpx;
	background-color: #7C013E;
}
.downBtn{
	width: 400rpx;
	height: 96rpx;
	line-height: 96rpx;
	background: linear-gradient(171deg, #7E003F 0%, #59062F 100%);
	border-radius: 90rpx 90rpx 90rpx 90rpx;
	margin-top: 70rpx;
	margin-left: auto;
	margin-right: auto;
}
</style>